<template>
	<view>
		<view class="flex-row-space-between flex-wrap " style="margin: 0 20rpx;">
			<view v-for="(item,index) in list" :key="index">
				<view @click="itemClick(item)" class="item flex-column-center">
					<image class="image" :src="item.image" mode="aspectFill"></image>
					<view class="name">
						{{item.name}}
					</view>
					<view class="" style="margin-top: 20rpx;">
					    <text class="price" style="margin-right: 4rpx;">¥</text>
					    <!-- 整数 -->
					    <text class="price1">{{item.price}}</text>
			
					    <!-- 单位 -->
					    <text class="price">起</text>
					</view>
			
				</view>
			</view>
		</view>
		

	</view>
</template>

<script>
	export default {
		name: "lease",
		data() {
			return {

			};
		},
		props: {
			list: {
				default: []
			},

		},
		created() {

		},
		methods: {
			itemClick(item) {
 uni.navigateTo({
                    url: '/bundle/pages/lease_goods_details/lease_goods_details'
                      + '?' +'id=' + item.id
                })
			},
			imagesClick(item, index) {

			}
		}
	}
</script>

<style lang="scss">
	page{
		background: #F6F9FB;
	}
	.item {
		margin-bottom: 20rpx;
		width: 347rpx;
		height: 429rpx;
		background: #FFFFFF;
		border-radius: 15rpx 15rpx 15rpx 15rpx;
		opacity: 1;
	}
	.image{
		width: 204rpx;
		height: 233rpx;
	}
	.name{
		font-size: 27rpx;
		font-family: PingFang SC-Regular, PingFang SC;
		font-weight: 400;
		color: #000000;
	}
	
.price{
	font-size: 19rpx;
	font-family: DIN-Medium, DIN;
	font-weight: 500;
	color: #FF5B5B;
}
.price1{
	font-size: 38rpx;
	font-family: DIN-Medium, DIN;
	font-weight: 500;
	color: #FF5B5B;
}
</style>